@layout("/common/_containersd.html"){
<style>
    .ulBox{margin-bottom: 12px;} ul{padding: 0;margin: 0;}
    .ulBox>li{float: left;margin-right: 20px;}
    .ulBox>li>button{ margin: 0;  color: white;  background: #2eadd0;  padding: 6px 20px;  font-size: 1em;}
    .dataBox{background: #eeeeee;padding: 10px;margin-bottom: 15px;}
    .dataBox>div,.projectBox{display: flex}
    .dataBox>div:first-of-type{margin-bottom: 15px;}
    .dataBox>div>p{flex: 1;margin: 0;}
    .projectBox>.project{flex: 3;box-shadow: 0 0 3px #cccccc;}
    .projectBox>.basicData{flex: 2;margin-left: 10px;box-shadow: 0 0 3px #cccccc;}
    .projectBox>div>h3{ background:#337ab7;line-height: 40px;color: white; text-indent: 1em ;margin-top: 0;border-radius: 3px;}
    .projectBox>.basicData>.setData>ul>li{display: flex;margin: 20px;align-items: center;}
    .projectBox>.basicData>.setData>ul>li>span{ flex:1 ;text-align: right;}
    .projectBox>.basicData>.setData>ul>li>div{flex: 3 ;margin-left: 18px;}
    .frameBox{width: 90%;height: 32px;padding-left: 10px;}
    .btnBox{float: right;margin-top: 20px;margin-right: 5%}
    .btnBox>button{margin: 0;  color: white;  background: #2eadd0;  width: 100px;  font-size: 1em;}
    #category>button{margin: 0;background: white;color: #333333;border: 2px solid #cccccc;outline:none;width: 80px;}
    .continued>span{cursor:pointer;}
    #dataBox{display: none;position: absolute;z-index: 9;box-shadow: 0 1px 5px #cccccc;width: 250px;overflow:scroll; height:500px;background: white;border: 1px solid #cccccc;border-radius: 5px;}
    #dataBox>#dataUl{padding-top: 10px;}
    #dataBox>#dataUl>li{padding-left: 10px;}
    #dataBox>#dataUl>li:hover{background: #e0faff}
    #dataBox>#dataUl p{margin: 0;}
</style>
<div style="display: none">
    <input type="hidden" id="startTimeValue" value="${startTime}">
    <input type="hidden" id="endTimeValue" value="${endTime}">
    <input type="hidden" id="doctorValue" value="${doctor}">
    <input type="hidden" id="continuedValue" value="${continued}">
    <input type="hidden" id="reservationsId" value="">
    <input type="hidden" id="customerId" value="">
</div>
<div class="ibox float-e-margins ">
    <div class="ibox-content record_box">
        <div class="row">
            <!--搜索框-->
            <div class="col-sm-12">
                <ul class="ulBox clearfix">
                    <li style="position: relative">
                        <div style="width: 250px;height: 39px;border: 1px solid #cccccc;border-radius: 5px">
                            <span class="glyphicon glyphicon-search" style="padding: 7px 0px 0px 10px;"></span>
                            <input type="text" id="reach" placeholder="姓名/电话/微信/预约号"
                                   onchange="search()" style="width: 206px;height: 35px;border: none;float: right;outline:none;margin-top: 1px">
                        </div>
                        <div id="dataBox">
                            <ul id="dataUl"></ul>
                        </div>
                    </li>
                    <li>
                        <button type="button" class="btn" onclick="addToReservations()">新增患者</button>
                    </li>
                    <li>
                        <button type="button" class="btn" id="updateCustomerInfo">修改患者信息</button>
                    </li>
                </ul>
            </div>
            <!--个人信息-->
            <div class="col-sm-12">
                <div class="dataBox">
                    <div>
                        <p><span>姓名：</span><span style="display: inline-block;width: 120px;" id="customerName"></span></p>
                        <p><span>年龄：</span><span id="customerAge"></span></p>
                        <p><span>性别：</span><span id="customerSex"></span></p>
                        <p><span>手机号：</span><span id="customerPhone"></span></p>
                    </div>
                    <div>
                        <p><span>初诊日期：</span><span id="firstVisitDate"></span></p>
                    </div>
                </div>
            </div>
            <!--项目信息-->
            <div class="col-sm-12">
                <div class="projectBox">
                    <!--左边-->
                    <div class="project">
                        <h3>
                            <span>预约项目</span>
                        </h3>

                        <div id="projectData" class="projectData clearfix">
                            <div class="col-sm-4"><input type="checkbox" name="about" value="复查" >
                                <label  style="font-weight: 500;margin-left: 10px;">复查</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="调活动牙" >
                            <label  style="font-weight: 500;margin-left: 10px;">调活动牙</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="保持器" >
                                <label  style="font-weight: 500;margin-left: 10px;">保持器</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="美白">
                                <label  style="font-weight: 500;margin-left: 10px;">美白</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="戴牙复诊" >
                                <label  style="font-weight: 500;margin-left: 10px;">戴牙复诊</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="二期修复" >
                                <label  style="font-weight: 500;margin-left: 10px;">二期修复</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="试戴义齿" >
                                <label  style="font-weight: 500;margin-left: 10px;">试戴义齿</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="根管预备，封药" >
                                <label  style="font-weight: 500;margin-left: 10px;">根管预备，封药</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="牙周刮治" >
                                <label  style="font-weight: 500;margin-left: 10px;">牙周刮治</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="备牙" >
                                <label  style="font-weight: 500;margin-left: 10px;">备牙</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="种植取模" >
                                <label  style="font-weight: 500;margin-left: 10px;">种植取模</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="拆线" >
                                <label  style="font-weight: 500;margin-left: 10px;">拆线</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="种植复查" >
                                <label  style="font-weight: 500;margin-left: 10px;">种植复查
                                </label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="手术" >
                                <label  style="font-weight: 500;margin-left: 10px;">手术</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="戴牙" >
                                <label  style="font-weight: 500;margin-left: 10px;">戴牙</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="正畸复诊" >
                                <label  style="font-weight: 500;margin-left: 10px;">正畸复诊</label></div>

                            <div class="col-sm-4"><input type="checkbox" name="about" value="粘托槽" >
                                <label  style="font-weight: 500;margin-left: 10px;">粘托槽</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="根充" >
                                <label  style="font-weight: 500;margin-left: 10px;">根充</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="牙周上药" >
                                <label  style="font-weight: 500;margin-left: 10px;">牙周上药</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="拔牙">
                                <label  style="font-weight: 500;margin-left: 10px;">拔牙</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="补牙" >
                                <label  style="font-weight: 500;margin-left: 10px;">补牙</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="换药" >
                                <label  style="font-weight: 500;margin-left: 10px;">换药</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="取模，修复" >
                                <label  style="font-weight: 500;margin-left: 10px;">取模，修复</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="去封，扩管" >
                                <label  style="font-weight: 500;margin-left: 10px;">去封，扩管</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="去龋，开髓" >
                                <label  style="font-weight: 500;margin-left: 10px;">去龋，开髓</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="修复" >
                                <label  style="font-weight: 500;margin-left: 10px;">修复</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="美团128洁治" >
                                <label  style="font-weight: 500;margin-left: 10px;">美团128洁治</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="美团49.9洁治" >
                                <label  style="font-weight: 500;margin-left: 10px;">美团49.9洁治</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="回访部复诊" >
                                <label  style="font-weight: 500;margin-left: 10px;">回访部复诊
                                </label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="瑞尔齿科" >
                                <label  style="font-weight: 500;margin-left: 10px;">瑞尔齿科</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="洁牙" >
                                <label  style="font-weight: 500;margin-left: 10px;">洁牙</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="华夏洁牙" >
                                <label  style="font-weight: 500;margin-left: 10px;">华夏洁牙</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="封口" >
                                <label  style="font-weight: 500;margin-left: 10px;">封口</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="咬蜡" >
                                <label  style="font-weight: 500;margin-left: 10px;">咬蜡</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="种植一周后复查伤口" >
                                <label  style="font-weight: 500;margin-left: 10px;">种植一周后复查伤口</label></div>
                            <div class="col-sm-4"><input type="checkbox" name="about" value="种植戴牙" >
                                <label  style="font-weight: 500;margin-left: 10px;">种植戴牙</label></div>
                        </div>
                    </div>
                    <!--右边-->
                    <div class="basicData">
                        <h3>预约基本信息</h3>
                        <div class="setData">
                            <ul>
                              <!--  <li>
                                    <span>类别</span>
                                    <div id="category">
                                        <button type="button" class="btn" id="diagnosis">初诊</button>
                                        <button type="button" class="btn" id="revisit">复诊</button>
                                    </div>
                                </li>-->
                                <li>
                                    <span style="line-height: 25px;">开始时间</span>
                                    <div>
                                        <input class="frameBox" type="text" id="startTime" value="${startTime}" style="width: 65%">
                                        <button type="button" class="btn" id="startTimeOperation" style="height: 31px;width: 50px;padding: 4px 12px;"><span class="glyphicon glyphicon-calendar"></span></button>
                                    </div>
                                </li>
                                <li>
                                    <span>持续时间</span>
                                    <div class="continued">
                                        <span onclick="continued('-')" class="glyphicon glyphicon-backward"></span>
                                        <span><input type="text" id="duration" value="${continued}" style="border: none;width: 40px;outline:none;">分钟</span>
                                        <span onclick="continued('+')" class="glyphicon glyphicon-forward"></span>
                                    </div>
                                </li>
                                <li>
                                    <span>咨询师</span>
                                    <div>
                                        <select class="frameBox" name="fieldTc" id="fieldTc"></select>
                                    </div>
                                </li>
                                <!--<li>-->
                                    <!--<span>科室</span>-->
                                    <!--<div>-->
                                        <!--<select class="frameBox" name="department" id="department"></select>-->
                                    <!--</div>-->
                                <!--</li>-->
                                <li>
                                    <span>医生</span>
                                    <div>
                                        <select class="frameBox" name="doctor" id="doctor"></select>
                                    </div>
                                </li>
                                <li>
                                    <span>备注</span>
                                    <div>
                                        <textarea class="frameBox" name="remarks" id="remarks" style="height:50px;"></textarea>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--提交按钮-->
    <div class="col-sm-12">
        <div class="clearfix">
            <div class="btnBox">
                <button type="button" class="btn" style="background: #da6792" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name));">取消</button>
                <button type="button" class="btn" onclick="submission()">保存预约</button>
            </div>
        </div>
    </div>
</div>

<link rel="stylesheet" href="${ctxPath}/static/modular/fullcalendar/fullcalendar.css">
<link href='${ctxPath}/static/modular/fullcalendar//fullcalendar.print.min.css' rel='stylesheet' media='print'/>
<script src="${ctxPath}/static/modular/fullcalendar/lib/moment.min.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery.min.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery-ui.min.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/fullcalendar.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/scheduler.min.js"></script>
<script src="${ctxPath}/static/modular/fullcalendar/locale/zh-cn.js"></script>
<script src="${ctxPath}/static/modular/doctorLooked/doctor_addTask.js"></script>
@}